<!DOCTYPE html>
<html class="no-js" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="meta description">
    <title>城乡产业交流平台</title><!--=== Favicon ===-->
    <link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon"><!--=== All Plugins CSS ===-->
    <link href="/static/css/plugins.css" rel="stylesheet"><!--=== All Vendor CSS ===-->
    <link href="/static/css/vendor.css" rel="stylesheet"><!--=== Main Style CSS ===-->
    <link href="/static/css/style.css" rel="stylesheet"><!-- Modernizer JS -->
    <script src="/static/js/modernizr-2.8.3.min.js"></script>
    <!--[if lt IE 9]>
    <script src="/static/js/html5shiv.min.js"></script>
    <script src="/static/js/respond.min.js"></script><![endif]--></head>
<body><!-- Start Header Area -->
<header class="header-area"><!-- header top start -->
    <div class="header-top">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-3">
                    <div class="logo"><a href="index.html"><img src="/static/picture/logo.png" alt="Brand Logo"></a>
                    </div>
                </div>
                <div class="col-lg-9">
                    <div class="header-settings-area">
                        <div class="header-top-left">
                            <nav>
                                <ul class="d-flex justify-content-center">
                                    <li>
                                        <div class="dropdown header-top-dropdown"><a class="dropdown-toggle"
                                                                                     id="myaccount"
                                                                                     data-toggle="dropdown"
                                                                                     aria-haspopup="true"
                                                                                     aria-expanded="false"> my account
                                            <i class="fa fa-angle-down"></i></a>
                                            <div class="dropdown-menu" aria-labelledby="myaccount"><a
                                                    class="dropdown-item" href="my-account.html">my account</a><a
                                                    class="dropdown-item" href="">login</a><a class="dropdown-item"
                                                                                              href="">register</a></div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="dropdown header-top-dropdown"><span>Language:</span><a
                                                class="dropdown-toggle" id="language" data-toggle="dropdown"
                                                aria-haspopup="true" aria-expanded="false">English <i
                                                class="fa fa-angle-down"></i></a>
                                            <div class="dropdown-menu" aria-labelledby="language"><a
                                                    class="dropdown-item" href="#">English</a><a class="dropdown-item"
                                                                                                 href="#">Français</a><a
                                                    class="dropdown-item" href="#">Germany</a></div>
                                        </div>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="header-top-right">
                            <div class="header-search-box">
                                <form><input type="text" placeholder="Search Here">
                                    <button><i class="ion-ios-search-strong"></i></button>
                                </form>
                            </div>
                            <div class="mini-cart-wrap">
                                <button><i class="ion-bag"></i><span class="notification">2</span></button>
                                <ul class="cart-list">
                                    <li>
                                        <div class="cart-img"><a href="product-details.html"><img
                                                src="/static/picture/cart-1.jpg" alt=""></a></div>
                                        <div class="cart-info"><h4><a href="product-details.html">simple product</a>
                                        </h4><span class="cart-qty">Qty: 1</span><span>$60.00</span></div>
                                        <div class="del-icon"><i class="fa fa-times"></i></div>
                                    </li>
                                    <li>
                                        <div class="cart-img"><a href="product-details.html"><img
                                                src="/static/picture/cart-2.jpg" alt=""></a></div>
                                        <div class="cart-info"><h4><a href="product-details.html">virtual product</a>
                                        </h4><span class="cart-qty">Qty: 2</span><span>$100.00</span></div>
                                        <div class="del-icon"><i class="fa fa-times"></i></div>
                                    </li>
                                    <li class="mini-cart-price"><span class="subtotal">subtotal :</span><span
                                            class="subtotal-price ml-auto">$110.00</span></li>
                                    <li class="checkout-btn"><a href="#">View Cart</a></li>
                                    <li class="checkout-btn"><a href="#">checkout</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- header top end --><!-- main menu start -->
    <div class="main-menu-area sticky">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="main-menu">
                        <div class="sticky-logo"><a href="index.html"><img src="/static/picture/logo_sticky.png"
                                                                           alt="brand logo"></a></div>
                        <!-- main menu navbar start -->
                        <nav id="mobile-menu">
                            <ul>
                                <li class="active"><a href="#">Home <i class="fa fa-angle-down"></i></a>
                                    <ul class="dropdown">
                                        <li><a href="index.html">Home version 01</a></li>
                                        <li><a href="index-2.html">Home version 02</a></li>
                                        <li><a href="index-3.html">Home version 03</a></li>
                                        <li><a href="index-4.html">Home version 04</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">pages <i class="fa fa-angle-down"></i></a>
                                    <ul class="megamenu dropdown">
                                        <li class="mega-title"><a href="#">column 01</a>
                                            <ul>
                                                <li><a href="shop.html">shop grid left sidebar</a></li>
                                                <li><a href="shop-grid-right-sidebar.html">shop grid right sidebar</a>
                                                </li>
                                                <li><a href="shop-list-left-sidebar.html">shop list left sidebar</a>
                                                </li>
                                                <li><a href="shop-list-right-sidebar.html">shop list right sidebar</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mega-title"><a href="#">column 02</a>
                                            <ul>
                                                <li><a href="product-details.html">product details</a></li>
                                                <li><a href="product-details-affiliate.html">product details
                                                    affiliate</a></li>
                                                <li><a href="product-details-variable.html">product details variable</a>
                                                </li>
                                                <li><a href="product-details-group.html">product details group</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-title"><a href="#">column 03</a>
                                            <ul>
                                                <li><a href="cart.html">cart</a></li>
                                                <li><a href="checkout.html">checkout</a></li>
                                                <li><a href="compare.html">compare</a></li>
                                                <li><a href="wishlist.html">wishlist</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-title"><a href="#">column 04</a>
                                            <ul>
                                                <li><a href="my-account.html">my-account</a></li>
                                                <li><a href="">login-register</a></li>
                                                <li><a href="about-us.html">about us</a></li>
                                                <li><a href="contact-us.html">contact us</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="#">shop <i class="fa fa-angle-down"></i></a>
                                    <ul class="dropdown">
                                        <li><a href="#">shop grid layout <i class="fa fa-angle-right"></i></a>
                                            <ul class="dropdown">
                                                <li><a href="shop.html">shop grid left sidebar</a></li>
                                                <li><a href="shop-grid-right-sidebar.html">shop grid right sidebar</a>
                                                </li>
                                                <li><a href="shop-grid-full-3-col.html">shop grid full 3 col</a></li>
                                                <li><a href="shop-grid-full-4-col.html">shop grid full 4 col</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">shop list layout <i class="fa fa-angle-right"></i></a>
                                            <ul class="dropdown">
                                                <li><a href="shop-list-left-sidebar.html">shop list left sidebar</a>
                                                </li>
                                                <li><a href="shop-list-right-sidebar.html">shop list right sidebar</a>
                                                </li>
                                                <li><a href="productlist.html">shop list full width</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">products details <i class="fa fa-angle-right"></i></a>
                                            <ul class="dropdown">
                                                <li><a href="product-details.html">product details</a></li>
                                                <li><a href="product-details-affiliate.html">product details
                                                    affiliate</a></li>
                                                <li><a href="product-details-variable.html">product details variable</a>
                                                </li>
                                                <li><a href="product-details-group.html">product details group</a></li>
                                                <li><a href="product-details-box.html">product details box slider</a>
                                                </li>
                                                <li><a href="product-details-sticky-left.html">product details sticky
                                                    left</a></li>
                                                <li><a href="product-details-sticky-right.html">product details sticky
                                                    right</a></li>
                                                <li><a href="product-details-vertical.html">product details vertical
                                                    slider</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="#">Blog <i class="fa fa-angle-down"></i></a>
                                    <ul class="dropdown">
                                        <li><a href="blog-left-sidebar.html">blog left sidebar</a></li>
                                        <li><a href="blog-left-sidebar-2-col.html">blog left sidebar 2 col</a></li>
                                        <li><a href="blog-right-sidebar.html">blog right sidebar</a></li>
                                        <li><a href="blog-right-sidebar-2-col.html">blog right sidebar 2 col</a></li>
                                        <li><a href="blog-grid-full-width.html">blog grid full width</a></li>
                                        <li><a href="bloglist.html">blog list full width</a></li>
                                        <li><a href="blog-details.html">blog details</a></li>
                                        <li><a href="blog-details-left-sidebar.html">blog details left sidebar</a></li>
                                        <li><a href="blog-details-audio.html">blog details audio</a></li>
                                        <li><a href="blog-details-video.html">blog details video</a></li>
                                        <li><a href="blog-details-image.html">blog details image</a></li>
                                    </ul>
                                </li>
                                <li><a href="about-us.html">about us</a></li>
                                <li><a href="contact-us.html">Contact</a></li>
                            </ul>
                        </nav><!-- main menu navbar end --></div>
                </div>
                <div class="col-12 d-block d-lg-none">
                    <div class="mobile-menu"></div>
                </div>
            </div>
        </div>
    </div><!-- main menu end --></header><!-- end Header Area --><!-- main wrapper start -->
<main><!-- breadcrumb area start -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb-wrap text-center">
                        <nav aria-label="breadcrumb"><h2>shop</h2>
                            <ul class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">login-register</li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- breadcrumb area end --><!-- login register wrapper start -->
    <div class="login-register-wrapper pt-60 pb-60">
        <div class="container">
            <div class="member-area-from-wrap">
                <div class="row"><!-- Login Content Start -->
                    <div class="col-lg-6">
                        <div class="login-reg-form-wrap  pr-lg-50"><h2>Sign In</h2>
                            <form action="#" method="post">
                                <div class="single-input-item"><input type="email" placeholder="Email or Username"
                                                                      required/="">
                                </div>
                                <div class="single-input-item"><input type="password" placeholder="Enter your Password"
                                                                      required/="">
                                </div>
                                <div class="single-input-item">
                                    <div class="login-reg-form-meta d-flex align-items-center justify-content-between">
                                        <div class="remember-meta">
                                            <div class="custom-control custom-checkbox"><input type="checkbox"
                                                                                               class="custom-control-input"
                                                                                               id="rememberMe"><label
                                                    class="custom-control-label" for="rememberMe">Remember Me</label>
                                            </div>
                                        </div>
                                        <a href="#" class="forget-pwd">Forget Password?</a></div>
                                </div>
                                <div class="single-input-item">
                                    <button class="btn btn__bg btn__sqr">Login</button>
                                </div>
                            </form>
                        </div>
                    </div><!-- Login Content End --><!-- Register Content Start -->
                    <div class="col-lg-6">
                        <div class="login-reg-form-wrap mt-md-60 mt-sm-60"><h2>Singup Form</h2>
                            <form action="#" method="post">
                                <div class="single-input-item"><input type="text" placeholder="Full Name" required/="">
                                </div>
                                <div class="single-input-item"><input type="email" placeholder="Enter your Email"
                                                                      required/="">
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="single-input-item"><input type="password"
                                                                              placeholder="Enter your Password" required/="">
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="single-input-item"><input type="password"
                                                                              placeholder="Repeat your Password"
                                                                              required/="">
                                        </div>
                                    </div>
                                </div>
                                <div class="single-input-item">
                                    <div class="login-reg-form-meta">
                                        <div class="remember-meta">
                                            <div class="custom-control custom-checkbox"><input type="checkbox"
                                                                                               class="custom-control-input"
                                                                                               id="subnewsletter"><label
                                                    class="custom-control-label" for="subnewsletter">Subscribe Our
                                                Newsletter</label></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-input-item">
                                    <button class="btn btn__bg btn__sqr">Register</button>
                                </div>
                            </form>
                        </div>
                    </div><!-- Register Content End --></div>
            </div>
        </div>
    </div><!-- login register wrapper end --></main><!-- main wrapper end --><!--== Start Footer Area Wrapper ==-->
<footer class="footer-wrapper"><!-- footer main area start -->
    <div class="footer-main-area">
        <div class="container">
            <div class="footer-main-inner bdr-top pt-56 pb-60 pb-md-20 pb-sm-20">
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="footer-widget">
                            <div class="footer-widget-title"><h4>contact info</h4></div>
                            <div class="footer-widget-body">
                                <ul class="location-wrap">
                                    <li><h6 class="title">location:</h6>
                                        <p>110-114 W George St, City Centre,<br>Glasgow G2 1NF, USA</p></li>
                                    <li><h6 class="title">call us now:</h6>
                                        <p>+01-23456789<br>+01-23456789</p></li>
                                    <li><h6 class="title">email:</h6>
                                        <p><a href="#">info@yourdomain.com</a><br><a href="#">support@yourdomain.com</a>
                                        </p></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="footer-widget">
                            <div class="footer-widget-title"><h4>new arrivals</h4></div>
                            <div class="footer-widget-body">
                                <ul class="category-list">
                                    <li>
                                        <div class="single-item single-item__footer-category">
                                            <div class="product-thumb"><a href="product-details.html"><img
                                                    src="/static/picture/cart-1.jpg" alt=""></a></div>
                                            <div class="product-description">
                                                <div class="product-name"><h4 class="h5"><a href="product-details.html">natural
                                                    berrie</a></h4></div>
                                                <div class="price-box"><span class="regular-price">$99.00</span><span
                                                        class="old-price"><del></del></span></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="single-item single-item__footer-category">
                                            <div class="product-thumb"><a href="product-details.html"><img
                                                    src="/static/picture/cart-2.jpg" alt=""></a></div>
                                            <div class="product-description">
                                                <div class="product-name"><h4 class="h5"><a href="product-details.html">organic
                                                    juice</a></h4></div>
                                                <div class="price-box"><span class="regular-price">$99.00</span><span
                                                        class="old-price"><del></del></span></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="single-item single-item__footer-category">
                                            <div class="product-thumb"><a href="product-details.html"><img
                                                    src="/static/picture/product-4.jpg" alt=""></a></div>
                                            <div class="product-description">
                                                <div class="product-name"><h4 class="h5"><a href="product-details.html">organic
                                                    food</a></h4></div>
                                                <div class="price-box"><span class="regular-price">$99.00</span><span
                                                        class="old-price"><del></del></span></div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="footer-widget">
                            <div class="footer-widget-title"><h4>top rated product</h4></div>
                            <div class="footer-widget-body">
                                <ul class="category-list">
                                    <li>
                                        <div class="single-item single-item__footer-category">
                                            <div class="product-thumb"><a href="product-details.html"><img
                                                    src="/static/picture/product-12.jpg" alt=""></a></div>
                                            <div class="product-description">
                                                <div class="product-name"><h4 class="h5"><a href="product-details.html">natural
                                                    berrie</a></h4></div>
                                                <div class="price-box"><span class="regular-price">$99.00</span><span
                                                        class="old-price"><del></del></span></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="single-item single-item__footer-category">
                                            <div class="product-thumb"><a href="product-details.html"><img
                                                    src="/static/picture/product-13.jpg" alt=""></a></div>
                                            <div class="product-description">
                                                <div class="product-name"><h4 class="h5"><a href="product-details.html">organic
                                                    juice</a></h4></div>
                                                <div class="price-box"><span class="regular-price">$99.00</span><span
                                                        class="old-price"><del></del></span></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="single-item single-item__footer-category">
                                            <div class="product-thumb"><a href="product-details.html"><img
                                                    src="/static/picture/product-14.jpg" alt=""></a></div>
                                            <div class="product-description">
                                                <div class="product-name"><h4 class="h5"><a href="product-details.html">organic
                                                    food</a></h4></div>
                                                <div class="price-box"><span class="regular-price">$99.00</span><span
                                                        class="old-price"><del></del></span></div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="footer-widget">
                            <div class="footer-widget-title"><h4>newsletter</h4></div>
                            <div class="footer-widget-body">
                                <div class="newsletter-desc"><p>Subscribe to the Kavir mailing list to receive updates
                                    on new arrivals, special offers and other discount information.</p>
                                    <form id="mc-form"><input type="email" id="mc-email" autocomplete="off"
                                                              placeholder="Your email address">
                                        <button id="mc-submit"><i class="ion-paper-airplane"></i>subscribe</button>
                                    </form><!-- mailchimp-alerts Start -->
                                    <div class="mailchimp-alerts">
                                        <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                        <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                                        <div class="mailchimp-error"></div><!-- mailchimp-error end --></div>
                                    <!-- mailchimp-alerts end --></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- footer main area end --><!-- footer bottom area start -->
    <div class="footer-bootom bg-gray pt-20 pb-20">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="copyright-text text-center text-md-left"><p>Copyright 2019 <a href="/">Selena</a>. All
                        Rights Reserved</p></div>
                </div>
                <div class="col-md-6">
                    <div class="payment-method text-md-right text-center"><img src="/static/picture/payment.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div><!-- footer bottom area end --></footer><!--== End Footer Area Wrapper ==--><!-- Scroll to top start -->
<div class="scroll-top not-visible"><i class="fa fa-angle-up"></i></div><!-- Scroll to Top End -->
<!--=======================Javascript============================--><!--=== All Vendor Js ===-->
<script src="/static/js/vendor.js"></script><!--=== All Plugins Js ===-->
<script src="/static/js/plugins.js"></script><!--=== Active Js ===-->
<script src="/static/js/active.js"></script>
</body>
</html>